@charset "utf-8";
@import "common/bs_common";

//变量
$fontColorTips:#99999a;
 .wrap{
        width:1100px;
        position: relative;
        .content{
           margin-left: -2px;
        }
        h2{
            color: red;
        } 
        .user_info{
            position: absolute;
            right: 0;
            top:0;
            display: flex;
            height: 100%;
            align-items: center;
            font-size: 12px;
            p{
                margin-right: 6px;
                a,span{
                    color: $fontColor;
                }
                a:hover{
                    color: $aChooes;
                }
            }
            b{
                margin: 0 15px;
                vertical-align: text-bottom;
            }
            
        }
    }
.main{
    width: 100%;
    background: $footerBg;
    padding-top: 36px;
    padding-bottom: 38px;
}
.main_content{
    @include wrap(1018px);
    box-sizing: border-box;
//  height: 808px;
    border:1px solid $borderColor ;
    background: #fff;
    padding:32px 29px 38px;
    display: flex;
//  justify-content: space-between;
  
}
.left_pic{
    height: 735px;
    width: 220px;
}
.right_content{
    width: 769px;
      .type{
        display: flex;
        border-bottom: 1px solid $borderColor;
        padding-left: 8px;
        a{
            color: $fontColor;
        }
        h3{
            padding-bottom: 22px;
            margin-right: 118px;
            font-size: 20px;
            font-weight: normal;
        }
        .active{
            border-bottom: 3px solid red;
        }
    }
     i{
        color: red;
        position: relative;
        
        vertical-align: middle;
        font-size: 12px;
    }
    h4{
        font-size: 20px;
        font-weight: normal;
        i{
            margin-right: 7px;
            position: relative;
            top: -4px;
        }
    }
}
.warmming{
    background: $footerBg;
    @include textCenter(431px,35px);
    font-size: 13px;
    margin: 20px 0;
    span{
        @include btn(17px,17px);
        border-radius: 50%;
        vertical-align: text-bottom;
    }
   i{
       margin: 0 14px 0 9px;
   }
}
//个人注册部分

    .row{
        margin-top: 33px;
        font-size: 13px;
        height: 42px;
        line-height: 40px;
//      justify-content: space-between;
        >div{
            border-radius: 3px;
        }
        >div:first-child{
            width: 113px;
            text-align: right;
            margin-right:22px ;
        }
       
        .selector{
            width: 171px;
            height: 42px;
            box-sizing: border-box;
            border: 1px solid $borderColor;
            display: flex;
            padding-left:14px;
            box-sizing: border-box;
            margin-right: 14px;
            p{
                width: 115px;
                border-right: 1px solid $borderColor;
            }
            span{
                width: 38px;
                height: 100%;
                position: relative;
                i{
                    display: inline-block;
                    width: 11px;
                    height: 6px    ;
                    background: url(../img/selector.png) no-repeat 0 0/100% 100%;
                    position: absolute;
                    top:18px;
                    right:14px;
                }
            }
        }
        .num{
            width: 223px;
            border: 1px solid $borderColor;
            text-align: center;
            input{
                width: 90%;
                border: none;
            }
        }
    }
    .btn_row{
//      justify-content: center;
        margin-top: 19px;
    }



.apt_title{
    display: flex;
    p{
        font-size: 13px;
        color: #99999a;
        padding-top:2px ;
        margin-left: 22px;
        a{
            color: $fontColor;
            text-decoration: underline;
            &:hover{
                color: $aChooes;
            }
        }
    }
   
}
.pic_upload{
    display: flex;
    .imgFix{
        margin-right: 19px;
        width: 110px;
        height: 80px;
        overflow: hidden;
        border: 1px dashed $borderColor;
        position: relative;
        img{
            width: 100%;
            vertical-align: middle;
        }
        .reupload{
            display: block;
            width: 100%;
            height: 26px;
            background: rgba(0,0,0,.7);
            position: absolute;
            bottom: 0;
            color: white;
            text-align: center;
            line-height: 26px;
            transform: translateY(100%);
            transition: all 300ms;
        }
        &:hover>.reupload{
                transform: translateY(0);
        }
    }
    
}
.apt_wrap{
     .row{
        height: auto;
    }
}
.btn{
    @include btn(199px,48px);
    border-radius: 48px;
}
//企业注册部分
.selectorCom1{
    @include inputSelector(184px,42px,140px);
}
.selectorCom2{
    @include inputSelector(148px,42px,108px);
}

 .text{
    border: 1px solid $borderColor;
    box-sizing: border-box;
    width: 409px;
    padding-left: 12px;
    input{
        width: 90%;
        vertical-align: middle;
        border: none;
    }
}
.address{
    width: 509px;
}
.noTop{
    margin-top: initial;
}
.whiteSpace{
    height: 35px;
    vertical-align: top;
    line-height: normal;
    padding-top: 6px;
    padding-left: 9px;
    box-sizing: border-box;
    color: $fontColorTips;
}
.line{
    @include line1(100%,1px);
    margin-top: 25px;
    margin-bottom: 35px;
}
.line2{
    @include line1(100%,1px);
}
.copyright{
    background: $footerBg;
    padding-bottom: 41px;
}
 .list{
        border:1px solid $borderColor;
        padding:0 10px;
        height:490px
    }
    .first{
        >li{
            padding:15px  0;
            border-bottom:1px solid $borderColor;
            position: relative;
            width: 110px;
            cursor: pointer;
            h5{
                font-size: 16px;
                font-weight: normal;
                color:$fontColor;
                
            }
            >i{
                display: inline-block;
                width: 11px;
                height: 6px    ;
                background: url(../img/selector.png) no-repeat 0 0/100% 100%;
                position: absolute;
                top:23px;
                right:0;
            }
        }
        >li:last-child{
            border:none;
        }
        ul{
//          display: none;
           >li{
                margin-top: 15px;
                a{
                    color:#919191;
                    &:hover{
                        color: $aChooes;
                    }
                }
            }
        }
    }
.margin-left28{
    margin-left: 28px;
}
 
.personal_name{
    color: $fontColor;
    padding:25px  0 23px;
    >p{
        font-size: 16px;
        color:#7f7f7f;
        span{
            color:$fontColor ;
        }
    }
}
.account_info{
    margin-top: 15px;
    display: flex;
    align-items: flex-end;
    p,h6{
         font-size: 14px;
         font-weight: normal;
    }
   
}
.lid{
    margin-left: 25px;
}
.pro-count{
    p{
        color: #99999a;
        margin-left: 18px;
        position: relative;
        top:3px;
    }
    
}
.message{
    
}
.margin0{
    margin: none;
}
.pro-name{
    padding-left: 9px;
}
.selector3{
    @include inputSelector(408px,42px,366px);
}
.selector4{
    @include inputSelector(208px,42px,168px);
}
.selector5{
    @include inputSelector(188px,42px,148px);
}
.textW{
    width: 287px;
}
